*{margin:0;padding:0; box-sizing: border-box;}
table{border-collapse:collapse}
a,a:focus,a:hover{text-decoration:none}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
	outline:none;
	-moz-outline-style:none;
}
a:focus,input:focus,select:focus,textarea,textarea:focus{outline:0}
.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5,input,textarea{margin:0;font-family:Arial,'PingFangSC-Regular',"Microsoft YaHei"}
img{border:none;vertical-align:middle}
 
html{
   font-size: 14px;
}
 body{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: "SourceHanSansCN-Normal";
 }
 
 /*
 @font-face {
   font-family: "Arial";
   src: url("../font/Arial.ttf");
 }
 
 @font-face {
   font-family: "Avenir";
   src: url("../font/Avenir.ttc");
 }
 
 @font-face {
   font-family: "bebasneue";
   src: url("../font/bebasneue字体.otf");
 }
 
 @font-face {
   font-family: "SourceHanSansCN-Bold";
   src: url("../font/Alibaba-PuHuiTi-Bold.ttf");
 }
 
 @font-face {
   font-family: "SourceHanSansCN-ExtraLight";
   src: url("../font/思源黑体SourceHanSansCN-ExtraLight.otf");
 }
 
 @font-face {
   font-family: "SourceHanSansCN-Heavy";
   src: url("../font/Alibaba-PuHuiTi-Heavy.ttf");
 }
 
 @font-face {
   font-family: "SourceHanSansCN-Light";
   src: url("../font/Alibaba-PuHuiTi-Light.ttf");
 }
 
 
 @font-face {
   font-family: "SourceHanSansCN-Medium";
   src: url("../font/Alibaba-PuHuiTi-Medium.ttf");
 }
 
 @font-face {
   font-family: "SourceHanSansCN-Normal";
   src: url("../font/Alibaba-PuHuiTi-Light.ttf");
 }
 
 @font-face {
   font-family: "SourceHanSansCN-Regular";
   src: url("../font/Alibaba-PuHuiTi-Regular.ttf");
 }
 
 @font-face {
   font-family: 'iconfont';  /* project id 3305441
   src: url('');
   src: url('?#iefix') format('embedded-opentype'),
   url('https://at.alicdn.com/t/font_3305441_56hsbx88h4r.woff2') format('woff2'),
   url('https://at.alicdn.com/t/font_3305441_56hsbx88h4r.woff') format('woff'),
   url('https://at.alicdn.com/t/font_3305441_56hsbx88h4r.ttf') format('truetype'),
   url('#iconfont') format('svg');
 }
 */
 
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 公共顶部 */
.top-bg{
	width: 100%;
	height: 6px;
	background-color: #185E95;
	background-image: linear-gradient(to right,#185E95,#1B8CCB);
}
.top-nav{
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem;
	font-family: "SourceHanSansCN-Medium";
	position: relative;
}
.top-nav-lan{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 12px;
}
.top-nav-lan a{
	height: 1.4rem;
	border-radius: 15%;
	font-size: 0.8rem;
	text-align: center;
	line-height: 1.4rem;
	margin:0px 4px;
	color: #848992;
	padding: 0px 5px;
}
.top-nav-lan span{
	width: 1px;
	height: 1.6rem;
	background-color:#EDEDEF;
}
.top-nav-lan .active{
	border-color: #DBE5EF;
}
.top-nav-text{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.top-nav-text img{
	width: 13rem;
	position: absolute;
	left: 1rem;
	bottom: 20px;
}
.top-nav-text-list{
	display: flex;
	justify-content: flex-end;
	font-family: "SourceHanSansCN-Medium";
}
.top-nav-text-list>a,.top-nav-text-list>div{
	font-size: 1rem;
	font-weight: 500;
	color: #848991;
	padding: 20px 17px;
	position: relative;
	display: block;
	line-height: 1rem;
}
.top-nav-text-list>div>a{
	font-size: 1rem;
	font-weight: 500;
	color: #848991;
}
.top-nav-text-list>.active,.top-nav-text-list>.active>a{
	color: #0B4E91;
}
.top-nav-text-list>a:hover,.top-nav-text-list>div:hover>a{
	color: #0B4E91;
}
.top-nav-text-list .top-nav-text-list-item{
	position: absolute;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	bottom: 0px;
	left: 0px;
	right: 0px;
	transform: translate(0,100%);
	padding: 10px 0px;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
.top-nav-text-list>div:hover .top-nav-text-list-item{
	opacity: 1;
	visibility: visible;
}
.top-nav-text-list .top-nav-text-list-item a{
	display: block;
	font-size: .74rem;
	font-weight: 400;
	color: #595757;
	height: 2rem;
	line-height: 2rem;
	padding-left: 8px;
}
.top-nav-text-list .top-nav-text-list-item a:hover{
	background-color: #0099E2;
	color: #fff;
	border-radius: 0px 5px 0px 0px;
}
.top-nav-text-list .top-nav-text-list-item span{
	width: 2rem;
	height: 2px;
	background-color: #C1C8CE;
	display: block;
	margin: 2px 8px;
}
.banner{
	width: 100%;
	margin-bottom: 6rem;
}
.banner img{
	width: 100%;
	height: auto;
}
.top-nav-hr{
	width: 1px;
	flex: 0 0 1px;
	padding: 0px !important;
	margin-top: 22px !important;
	height: 1rem;
	background-color: #848992;
}
.content{
	width: 1100px;
	margin: 0rem auto 5rem;
}
.content-title{
	line-height: 3.5rem;
	font-size: 2.5rem;
	font-weight: bold;
	/* color: #595758; */
	color: #1a2c7a;
	font-family: "SourceHanSansCN-Bold";
}
.content-hr{
	width: 6rem;
	/* height: 6px; */
	height: 0px;
	background-color: #9CA0A7;
	border-radius: 3px;
	margin: 2.5rem 0px;
}
.content-text{
	font-size: 1.4rem;
	font-weight: 400;
	color: #848991;
	line-height: 3rem;
	font-family: "SourceHanSansCN-Normal";
}
#fadeInUp {
    animate-duration: 10s;
    animate-delay: 2s;
}
.index-bottom{
	/* background-color: #E2E8F2; */
	background-color: #f5f5f2;
	padding: 5rem 0px;
}
.index-bottom-content{
	width: 1100px;
	margin: 0 auto;
}
.index-bottom-left{
	width: 100%;
	height: 21.9rem;
	background-image: url(../images/temp/1.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 68% auto;
	border-radius: 0px 0px 0px 3rem;
}
.index-bottom-left-item{
	width: 37%;
	height: 21.9rem;
	background-color: rgba(26,44,122);
	border-radius: 0px 3rem 0px 3rem;
	position: relative;
}
.index-bottom-center{
	position: absolute;
	padding: 0px 1rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.index-bottom-left-title{
	margin:0 auto;
}
.index-bottom-left-title div{
	font-size: 2rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 3rem;
	font-family: "SourceHanSansCN-Bold";
	
}
.index-bottom-left-desc{
	font-size: 1.2rem;
	font-weight: 400;
	color: #E9E8E8;
	margin:0 auto;
	font-family: "SourceHanSansCN-Normal";
	width: 12rem;
	line-height: 3rem;
}

.index-bottom-right{
	width: 100%;
	height: 21.9rem;
	background-image: url(../images/temp/2.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 68% auto;
	border-radius: 0px 3rem 0px 0px;
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
}
.index-bottom-right-item{
		width: 37%;
		height: 21.9rem;
		/* background-color: #848991; */
		background-color: rgb(24,44,122);
		border-radius: 0px 3rem 0px 3rem;
		position: relative;
}

/* 底部样式 */
#pc-bottom,#mobile-bottom{
	width: 100%;
	padding: 2rem 0px 4rem;
	background: rgb(24,44,122);
}
.bottom{
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;
}
.bottom-one{
	height: 15rem;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.bottom-one img{
	width: 2rem;
	height: 2rem;
}
.bottom-title{
	font-size: 1.5rem;
	font-weight: 400;
	color: #E9E8E8;
	margin: 1rem 0px 2rem;
}
.bottom-desc{
	font-size: 0.9rem;
	color: rgba(255,255,255,0.8);
}
.bottom-three{
	height: 15rem;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	min-width: 7rem;
}
.bottom-three .bottom-title{
	margin: 3rem 0px 2rem;
}
.bottom-image img{
	width: 5rem;
	height: 5rem;
}
.bottom-four{
	text-align: right;
	width: 14rem;
}
.bottom-four img{
	width: 2rem;
	height: 2rem;
}
.bottom-four .bottom-desc{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 14rem;
}
.bottom-desc input{
	width: 14rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1rem;
	text-align: right;
	border-radius: 0.75rem;
	background-color: #fff;
	border: 1px solid #fff;
	padding: 0px 10px;
	margin-top: 4.5rem;
	display: block;
}
.bottom-desc button{
	background-color: #E8E8E8;
	width: 8em;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1rem;
	border-radius: 0.75rem;
	background-color: #fff;
	border: 1px solid #fff;
	padding: 0px 10px;
	margin-top: 2rem;
	display: block;
}
.bottom-four-text{
	width: 100%;
	font-size: 0.5rem;
	font-weight: 400;
	color: #E8E8E8;
	text-align: right;
}
.concat-logo{
	background-color: #f5f5f2;
	width: 1100px;
	padding: 5rem 0px;
	border-radius: 0px 2rem 0px 2rem;
	margin: 0px auto;
	text-align: center;
}
.concat-logo img{
	width: 40%;
}
.concat-info{
	background-color: #f5f5f2;
	width: 1100px;
	padding: 3rem 0px;
	border-radius: 0px 2rem 0px 2rem;
	margin: 1rem auto;
}
.concat-address{
	
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.concat-address-item{
	text-align: left;
}
.concat-address-item-title{
	font-size: 2rem;
	color: #848992;
	font-weight: bold;
	height: 2rem;
}
.concat-address-item-desc{
	margin-top: 2rem;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #848992;
	height: 6rem;
}
.concat-address .hr{
	width: 8rem;
	height: 8rem;
	margin: 0px 2rem;
}
.concat-address .hr span{
	width: 100%;
	border-bottom: 2px dashed #848992;
	display: block;
}
.concat-address .hr span:first-of-type{
	transform: translateY(5rem) rotate(-45deg);
}
.concat-address .hr span:last-of-type{
	transform: translateY(5rem) rotate(45deg);
}
.concat-map{
	width: 1100px;
	/* background-image: url(../images/yuan.png);
	background-size: 32px 32px; */
	margin: 0 auto;
	padding: 6rem 0px;
}
#allmap{
	width: 80%;
	height: 25rem;
	margin: 0 auto;
}
/* æ–°é—» */
.news-list{
	width: 1100px;
	margin: 0 auto;
}
.news-search{
	margin-top: 1rem;
	border-top: 1px solid #D2D4D7;
	border-bottom: 1px solid #D2D4D7;
	padding: 1rem 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news-search-text{
	width: 15%;
	border: 1px solid #D2D4D7;
	background-color: #fff;
	font-size: 1rem;
	font-weight: 500;
	color: #848992;
	line-height: 3rem;
	height: 3rem;
	text-align: center;
	border-radius: 0.5rem;
	display: block;
}
.news-search-date{
	width: 33%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.news-search-date-text{
	display: flex;
	justify-content: flex-start;
	border: 1px solid #D2D4D7;
	background-color: #fff;
	font-size: 1rem;
	font-weight: 500;
	color: #848992;
	height: 3rem;
	text-align: center;
	border-radius: 0.5rem;
	padding: 0.5rem 0rem;
	box-sizing: border-box;
	width: 100%;
	line-height: 2rem;
}
.news-search-date-text div{
	font-size: 1rem;
	flex: 0 0 2rem;
	border-right:1px solid #D2D4D7;
}
.news-search-date-text input{
	border: 0px;
	width: 100%;
	margin: 0px 10px;
}
.news-search-date img{
	width: auto;
	height: 2.5rem;
	margin: 0px 6px;
	cursor: pointer;
}
.news-search button{
	width: 15%;
	border: 1px solid #D2D4D7;
	background-color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	color: #1a2c7a;
	line-height: 3rem;
	height: 3rem;
	text-align: center;
	border-radius: 0.5rem;
	display: block;
	font-weight: bold;
}
.news-year{
	padding:1rem 0px;
	border-bottom: 2px solid #D2D4D7;
}
.news-year-search{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news-year-search-text{
	font-size: 1.2rem;
	font-weight: 500;
	color: #848992;
	line-height: 2.2rem;
}
.news-year-search-list{
	display: flex;
	justify-content: flex-end;
}
.news-year-search-list span{
	display:block;
	line-height: 2.2rem;
	font-size: 1.2rem;
	color: #848992;
	padding: 0px 1rem;
}
.news-year-search-list .active{
	background-color: #1a2c7a;
	color: #fff;
	border-radius: 10px;
}
.news-year-total{
	font-size: 1.2rem;
	font-weight: 500;
	color: #1a2c7a;
	line-height: 2rem;
}
.news-content{
	width: 100%;
	/* background-color: #f5f5f2; */
	margin: 2rem 0px 0px;
	padding: 2rem 0px;
}
.news-item:first-of-type{
	border-top: 1px solid #BCC2CB;
}
.news-item{
	border-bottom: 1px solid #BCC2CB;
	padding: 1.5rem 0px 1rem;
	display: block;
}
.news-item-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news-item-title div:first-of-type{
	font-size: 1.5rem;
	font-weight: 500;
	color: #848992;
	line-height: 2rem;
	width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news-item-title div:last-of-type{
	font-size: 1rem;
	font-weight: 500;
	color: #848992;
	line-height: 2rem;
	height: 2rem;
	flex: 0 0 7rem;
	background-color: #1a2c7a;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
}
.news-item-title div:last-of-type img{
	width: 1.2rem;
}
.news-item-date{
	font-size: 1.2rem;
	font-weight: 500;
	color: #1a2c7a;
	line-height: 2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 1.5rem;
}
.news-item-date img{
	width: 2rem;
	margin: 0px 10px;
}
.news-pages{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 1rem;
}
.news-pages a:first-of-type{
	border-radius: 10px 0px 0px 10px;
}
.news-pages a:last-of-type{
	border-radius: 0px 10px 10px 0px;
}
.news-pages a{
	margin-left: 0.5rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #f5f5f2;
	line-height: 1.8rem;
	padding: 0px 0.5rem;
	background-color: #848992;
}
.news-info{
	background-color: #F7F9FB;
	padding: 2rem 0px;
}
.news-info-title{
	font-size: 2rem;
	color: #595757;
	font-weight: bold;
}
.news-info-date{
	font-size: 1.1rem;
	color: #595757;
	margin: 1rem 0px;
}
.news-info-icon{
	text-align: right;
	margin-top: 3rem;
	display: block;
}
.news-info-icon img{
	width: 2rem;
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Safari and Chrome */
	transform:rotate(-90deg);
}

@media only screen and (min-width: 1000px){
	#pc-nav{
		display: block;
	}
	#mobile-nav{
		display: none;
	}
	.mobile-nav-bg{
		display: none;
	}
	#pc-bottom{
		display: block;
	}
	#mobile-bottom{
		display: none;
	}
}
@media only screen and (max-width: 1200px){
	html{
	   font-size: 12px;
	}
	.bottom{
		width: 800px;
	}
	.concat-info,.concat-logo{
		width: 800px;
	}
	.concat-map,.news-list{
		width: 800px;
	}
	.index-bottom-content{
		width: 800px;
	}
	.content{
		width: 800px;
		margin: 0rem auto 5rem;
	}
}

@media only screen and (max-width: 999px){
	html{
	   font-size: calc(100vw/80);
	   font-size: -webkit-calc(100vw/80);
	   font-size: -moz-calc(100vm/80);
	}
	#pc-nav{
		display: none;
	}
	#mobile-nav{
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		background-color: #fff;
		z-index: 1000;
	}
	#pc-bottom{
		display: none;
	}
	#mobile-bottom{
		display: block;
	}
	.mobile-nav-bg{
		display: block;
	}
	.top-nav{
		width: 90%;
		font-family: "SourceHanSansCN-Medium";
	}
	.top-nav-lan{
		height: 30px;
	}
	.top-nav-lan a{
		height: 20px;
		border-radius: 15%;
		font-size: 14px;
		text-align: center;
		line-height: 20px;
		margin:0px 2px;
		color: #848992;
		padding: 0px 10px;
		font-family: "SourceHanSansCN-Medium";
	}
	.top-nav-lan span{
		width: 1px;
		height: 20px;
		background-color:#EDEDEF;
	}
	.top-nav-lan .active{
		border-color: #DBE5EF;
	}
	.top-nav-text{
		height: 35px;
		width: 90%;
		margin: 0 auto;
	}
	#mobile-nav .mobile-hr span{
		width: 20px;
		height: 2px;
		background-color: #848992;
		display: block;
		margin: 5px 0px;
		transition:all .3s;
		opacity:1;
	}
	#mobile-nav .mobile-hr.active span:nth-child(2){
		opacity: 0;
	}
	#mobile-nav .mobile-hr.active span:first-of-type{
		transform: translateY(7px) rotate(45deg);
	}
	#mobile-nav .mobile-hr.active span:last-of-type{
		transform: translateY(-7px) rotate(135deg);
	}
	
	.top-nav-text img{
		bottom: 5px;
	}
	#mobile-nav .top-nav-text-list{
		display: block;
		position: absolute;
		bottom: 0px;
	}
	
	.mobile-nav{
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: #fff;
		top: 71px;
		border-top: 1px solid #C9CFD5;
		overflow: auto;
		padding: 0px 5%;
		height: 0px;
		transition:height .5s;
		font-family: "SourceHanSansCN-Medium";
	}
	.mobile-nav-item{
		display: block;
		font-size: 1.4rem;
		line-height: 4.5rem;
		color: #080808;
		font-weight: bold;
		width: 100%;
		margin: 0 auto;
		border-bottom: 1px solid #C9CFD5;
	}
	.mobile-nav-item-name{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.mobile-nav-item-name a{
		color: #080808;
	}
	.mobile-nav-item:hover{
		color: #0B4E91;
	}
	.mobile-nav-item-name .iconfont{
		font-size: 1.8rem;
		transform: rotate(90deg);
		color: #080808;
		transition:all .3s;
	}
	.mobile-nav-item-name:hover a,.mobile-nav-item-name:hover .iconfont{
		color: #0B4E91;
	}
	.mobile-nav-item-list{
		display: none;
	}
	.mobile-nav-item-list a{
		display: block;
		font-size: 1.4rem;
		line-height: 4.5rem;
		color: #080808;
		font-weight: normal;
		width: 100%;
	}
	.show{
		height: 100%;
	}
	.mobile-nav-item.active{
		transition:all .3s;
	}
	.mobile-nav-item.active .mobile-nav-item-name a{
		color: #0B4E91;
	}
	.mobile-nav-item.active .mobile-nav-item-name .iconfont{
		color: #0B4E91;
		transform: rotate(270deg);
	}
	.mobile-nav-item.active .mobile-nav-item-list{
		display: block;
	}
	.bottom{
		width: 90%;
	}
	.concat-info,.concat-logo{
		width: 90%;
	}
	.concat-map,.news-list{
		width: 90%;
	}
	.index-bottom-content{
		width: 90%;
	}
	.content{
		width: 90%;
		margin: 0rem auto 5rem;
	}
}

@media only screen and (max-width: 750px){
	html{
	   font-size: calc(100vw/50);
	   font-size: -webkit-calc(100vw/50);
	   font-size: -moz-calc(100vm/50);
	}
	.index-bottom-left,.index-bottom-right{
		height: 15rem;
	}
	.index-bottom-left-item,.index-bottom-right-item{
		height: 15rem;
	}
	.index-bottom-left-title div{
		font-size: 1.2rem;
		line-height: 2rem;
		font-family: "SourceHanSansCN-Normal";
	}
	.index-bottom-left-desc{
		font-size: 0.8rem;
		font-family: "SourceHanSansCN-Normal";
	}
	.content-text{
		font-size: 1.6rem;
		line-height: 3rem;
		font-family: "SourceHanSansCN-Normal";
	}
}


@media only screen and (max-width: 600px){
	.bottom-one{
		width: 35%;
		height: 22rem;
	}
	.bottom-three{
		height: 22rem;
	}
}
.title-info{
	font-size: 2rem;
	font-weight: bold;
	color: #80828B;
	line-height: 3rem;
}
.concat-info p{
	margin-top: 20px;
	font-size: 1.2rem;
	line-height: 1.8rem;
}